<!doctype html>
<html xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Amaze UI Admin index Examples</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="__PUBLIC__/assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="__PUBLIC__/assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="__PUBLIC__/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="__PUBLIC__/assets/css/admin.css">
    <link rel="stylesheet" href="__PUBLIC__/assets/css/app.css">
    <link rel="stylesheet" href="__PUBLIC__/Admin/WxMenu/WxMenu.css?<?php echo time(); ?>">
</head>

<body data-type="generalComponents">
<include file = "./Application/Admin/View/header.html"/>
<div class="tpl-page-container tpl-page-header-fixed" id="app">
    <include file = "./Application/Admin/View/menu.html"/>

    <div class="tpl-content-wrapper">
        <div class="tpl-content-page-title">
            微信菜单管理
        </div>
        <ol class="am-breadcrumb">
            <li><a href="#" class="am-icon-home">首页</a></li>
            <li><a href="{:U('WxMenu/menu_list')}">微信</a></li>
            <li class="am-active">微信菜单详情</li>
        </ol>
        <div class="tpl-portlet-components">
            <div class="portlet-title">
                <div class="caption font-green bold">
                    <span class="am-icon-code"></span> 自定义菜单明细
                </div>
            </div>

            <div class="am-g">
                <div class="am-u-sm-12">
                    <form class="am-form">
                        <div class="app-topBorder">
                            <div class="app-topHeader"></div>
                            <div class="app-content">
                                <div class="app-topMenu">
                                    <img style="width:100%" src="__PUBLIC__/images/menu/titlebar.png"/>
                                </div>
                                <div class="app-footer">
                                    
                                </div>
                            </div>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>


</div>

</div>
</body>


<script src="__PUBLIC__/assets/js/jquery.min.js"></script>
<script src="__PUBLIC__/assets/js/amazeui.min.js"></script>
<script src="__PUBLIC__/assets/js/app.js"></script>
<script src="__PUBLIC__/vue.js"></script>
<script>

    /*
    var vm = new Vue({
        el: '#app',
        data: {
            users: [],
            groups: [],
            max_page: 0,
            current_page: 1,
        },
        methods: {
            load_users: function (page) {
                username = '';
                $.ajax({
                    type: 'get',
                    url: '../Api/user_list',
                    dataType: 'json',
                    data: {
                        page: page,
                        user_name: username,
                    },
                    success: function (data) {
                        if (data.stateCode == 200) {
                            vm.users = data.data.users;
                            vm.max_page = data.data.max_page;
                            vm.current_page = page;
                        }
                    },
                    error: function (data) {
                        console.log('error');
                    }
                })
            },
            load_groups: function (gid) {
                $.ajax({
                    type: 'get',
                    url: '../Api/group_list',
                    dataType: 'json',
                    data: {
                        gid: gid,
                    },
                    success: function (data) {
                        if (data.stateCode == 200) {
                            vm.groups = data.data;
                        }
                    },
                    error: function (data) {
                        console.log('error');
                    }
                })
            },
            modify_page: function (event) {
                var tarView = event.target;
                var page = tarView.getAttribute('page');
                this.load_users(page);
            },
            pre_page: function (event) {
                var pre_page = this.current_page - 1;
                if (pre_page > 0) {
                    this.load_users(pre_page);
                }
            },
            next_page: function (event) {
                var next_page = this.current_page + 1;
                if (next_page <= this.max_page) {
                    this.load_users(next_page);
                }
            },
            rm_user: function (event) {
                var tarView = event.target;
                var uid = tarView.getAttribute('rid');
                $.ajax({
                    type: 'delete',
                    url: '../Api/user?uid=' + uid,
                    dataType: 'json',
                    data: {},
                    success: function (data) {
                        vm.load_users(vm.current_page);
                    },
                    error: function (data) {
                        console.log('error');
                    }
                })
            },
            search_users: function (event) {
                vm.load_users(1);
            },
            search_group_users: function (event) {
                var tarView = event.target;
                var gid = tarView.value;

            }
        },
    })

    $(document).ready(function () {
        vm.load_users(vm.current_page);
        vm.load_groups();

        $('.select').on('change', function (event, params) {
            vm.search_group_users(event);
        });
    })
*/
</script>


</html>